<script setup lang="ts">
import SceneSet from '@/views/MicroScene/home/components/Set/SceneSet.vue';
import ActivitySet from '@/views/MicroScene/home/components/Set/ActivitySet.vue';
import CourseSet from '@/views/MicroScene/home/components/Set/CourseSet.vue';
import ProjectSet from '@/views/MicroScene/home/components/Set/ProjectSet.vue';
import OpusSet from '@/views/MicroScene/home/components/Set/OpusSet.vue';
import AchievementSet from '@/views/MicroScene/home/components/Set/AchievementSet.vue';

defineProps<{
  areaId: string;
}>();
</script>

<template>
  <a-layout style="width: 100%; display: flex; flex-direction: column; border-radius: 0.5rem; background-color: transparent; gap: 0.5rem;">
    <SceneSet :area-id="areaId" />
    <ActivitySet :area-id="areaId" />
    <CourseSet :area-id="areaId" />
    <ProjectSet :area-id="areaId" />
    <OpusSet :area-id="areaId" />
    <AchievementSet :area-id="areaId" />
  </a-layout>
</template>

<style lang="scss" scoped>
</style>
